<%@ include file="/WEB-INF/jsp/include.jsp" %>
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><fmt:message key="title" /></title>
<meta http-equiv="Content-type" content="text/html; charset=US-ASCII" />
<link href="../styles/screen.css" rel="STYLESHEET" type="text/css" />
<link rel="shortcut icon" href="../images/cb.ico" />
<style type="text/css">
/*<![CDATA[*/
/*page-specific CSS code here*/
/*]]>*/
</style>
<script type="text/javascript" src="../js/courseScripts.js">
<script language="javascript">
function login()
{
	window.location="http://api.facebook.com/login.php?api_key=<fmt:message key="facebook.APIKEY" />&skipcookie=1";
}

</script>

</head>

<body>

<div class="book">
       <div class="pageheader">
               <a href="http://www.calpoly.edu"><img src="../images/calpoly.gif" align="left" alt="Cal Poly Logo" /></a>
               <br>
               <a href="<c:url value="http://ghoul.csc.calpoly.edu/coursebook/finder.html" />"><b>Coursebook</b> = Facebook + Course Catalog</a>
       </div>
       <div class="sidebar">
               Find Cal Poly courses using your Facebook profile information.<br /><br />
               <input class="inputbutton" type="button" value="Login" onClick="login()" />
       </div>
       <div class="pagebody">
               <div class="header"><fmt:message key="courses.heading" /></div>
               <div class="subheader"><fmt:message key="courses.greeting" /> <c:out value="${model.now}" /></div>
               <div class="pagelinks">
               <a href="">1</a> 
               <a href="">2</a> 
               <a href="">3</a> 
               <a href="">4</a> 
               <a href="">5</a> 
               <a href="">6</a> 
               <a href="">7</a> 
               <a href="">next</a> 
               </div>

               <div class="content">
               <a href="http://www.csc.calpoly.edu/~rdowning/survey.htm"><span style="color:#002222; font-size: 10pt; font-weight: bold; position: relative; top: -5px;">Give feedback on Coursebook</span></a>
               <c:forEach items="${model.courses}" var="course">
                       <div id="<c:out value="${course.courseIDString}" />" class="widget">
                       <strong><c:out value="${course.code}" /> - <c:out value="${course.title}"/></strong><br />
                       <c:out value="${course.description}" /><br />

                       <!-- Relevence: 100% | <c:out value="${course.friendsTaken}" /> friends have taken | <a href="">Similar Courses</a> -->
                       <strong>GE Area:</strong>
                       <c:forEach items="${course.geAreas}" var="area">
                         <c:out value="${area}" />
                       </c:forEach>
						|
                       <strong>Relevance:</strong> <c:out value="${course.relevancyScore}" />%
                       
                       </div>
              </c:forEach>

               </div>
               
               <div id="keywordList">
               	<c:forEach items="${model.keywords}" var="keyword"><c:out value="${keyword}" />,</c:forEach>
               </div>
               
               <div class="pagelinks">
               <a href="">1</a> 
               <a href="">2</a> 
               <a href="">3</a> 
               <a href="">4</a> 
               <a href="">5</a> 
               <a href="">6</a> 
               <a href="">7</a> 
               <a href="">next</a> 
               </div>
               
               <div class="pagefooter">
                       <div class="fnav">
                               <ul><!--<li><a href="/terms">Terms</a></li><li><a href="/about">About</a></li>--><li><a href="http://www.calpoly.edu">Cal Poly Home</a></li><li><a href="http://www.calpoly.edu/cpfindit.html">Cal Poly Find It</a></li></ul>
                       </div>
                       a Christine Le, Ryan Downing, Bryan Austin, Steven Eberling, Jimmy Hua, Bryan Estrada production<br />
                       Facebook &copy; 2006
               </div>
       </div>

</div>
</body>
</html>